<template>
  <div class="check-button">
    <img src="~assets/img/select.png" alt="" :class="{ check: isCheck }" />
  </div>
</template>

<script>
export default {
  name: "CheckButton",
  props:{
    isCheck:{
      type:Boolean,
      default(){
        return true
      }
    }
  }
};
</script>

<style scopde>
.check-button img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #c0c0c0;
  vertical-align: middle;
  padding-top: 1px;
}
.check {
  border: 2px solid var(--color-tint) !important;
  background-color: var(--color-tint);
}
</style>